<!DOCTYPE html>
<html lang="zh-cmn-Hans"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <title>Lance的博客</title>
  <link rel="stylesheet" href="http://cdn-1254016670.cos-website.ap-chengdu.myqcloud.com/blog/css/mdui.css">
<!--
  <link rel="stylesheet" href="src_files/github-gist.css">
  <link rel="stylesheet" href="src_files/railscasts.css">
  <link rel="stylesheet" href="src_files/docs.css">
-->
<!--  <script type="text/javascript" async="" src="src_files/analytics.js"></script><script async="" src="src_files/js"></script>-->
<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js"></script>
<script src="http://cdn-1254016670.cos-website.ap-chengdu.myqcloud.com/blog/cos/cos-js-sdk-v5.min.js"></script>
<!--
<script src="http://cdn-1254016670.cos-website.ap-chengdu.myqcloud.com/blog/js/cbase.js"></script>
<script src="http://cdn-1254016670.cos-website.ap-chengdu.myqcloud.com/blog/js/cdisk.js"></script>
<script src="http://cdn-1254016670.cos-website.ap-chengdu.myqcloud.com/blog/js/render.js"></script>
-->

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?f2fb1de2b896833c26f9511cd518d782";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-88818678-1');
    
    $(window).scroll(function() {
        //为了保证兼容性，这里取两个值，哪个有值取哪一个
        //scrollTop就是触发滚轮事件时滚轮的高度
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
//        console.log("滚动距离" + scrollTop);
        if (scrollTop > 0) {
            $('#scrolltop').removeClass('mdui-fab-hide');
        }
        if (scrollTop == 0 && !$('#scrolltop').hasClass('mdui-fab-hide')) {
            $('#scrolltop').addClass('mdui-fab-hide');
        }
    })
    $('#scrolltop').addClass('mdui-fab-hide');
</script>

</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-loaded mdui-theme-primary-indigo mdui-theme-accent-pink" style="">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
<!--
    <a href="https://www.mdui.org/" class="mdui-typo-headline mdui-hidden-xs">MDUI</a>
    <a href="https://www.mdui.org/docs/" class="mdui-typo-title">文档</a>
-->
    <a href="" class="mdui-typo-headline mdui-hidden-xs">博客主页</a>
    <div class="mdui-toolbar-spacer"></div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-tooltip="{content: '发表文章'}" onclick="clickNewArticle()"><i class="mdui-icon material-icons">publish</i></span>
    <a href="https://github.com/LanceLiang2018/lanceliang2018.github.io" target="_blank" class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-tooltip="{content: '查看 Github'}">
      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve" class="mdui-icon" style="width: 24px;height:24px;">
        <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5
	c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1
	c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4
	c-0.2-0.4-0.7-2.1,0.2-4.3c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7
	c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5
	c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C34.3,8.7,27,1.4,18,1.4z"></path>
      </svg>
    </a>
  </div>
</header>

<div class="mdui-drawer" id="main-drawer">
  <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
    <div class="mdui-collapse-item ">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color">near_me</i>
        <div class="mdui-list-item-content">TAGS</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="" class="mdui-list-item mdui-ripple">未分类</a>
      </div>
    </div>
  </div>
</div>
    
<div class="mdui-progress" id="blog-progress">
  <div class="mdui-progress-indeterminate"></div>
</div>

<a id="anchor-top"></a>


<!--    这里是承载的内容-->
<!--<p id="contain-src" style="display: none;"></p>-->
    <div class="mdui-card" id="tmp_card" style="display: none;">

      <!-- 卡片的媒体内容，可以包含图片、视频等媒体内容，以及标题、副标题 -->
      <div class="mdui-card-media">
        <!-- 卡片中可以包含一个或多个菜单按钮 -->
        <div class="mdui-card-menu">
          <button class="mdui-btn mdui-btn-icon mdui-text-color-gray blog-btn-menu" mdui-menu=''><i class="mdui-icon material-icons">more_vert</i></button>
            <ul class="mdui-menu blog-menu">
              <li class="mdui-menu-item">
                <a href="javascript:void(0);" onclick="" class="mdui-ripple blog-a">删除</a>
              </li>
            </ul>
        </div>
      </div>

      <!-- 卡片的标题和副标题 -->
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title mdui-text-color-theme">Title</div>
        <div class="mdui-card-primary-subtitle">Subtitle</div>
      </div>

      <!-- 卡片的内容 -->
      <div class="mdui-card-content mdui-typo">子曰：「学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知，而不愠，不亦君子乎？」</div>

      <!-- 卡片的按钮 -->
      <div class="mdui-card-actions">
        <button class="mdui-btn mdui-ripple mdui-text-color-theme-accent blog-continue" style="display: none;">继续阅读</button><button class="mdui-btn mdui-text-ripple mdui-color-theme-accent blog-close" style="display: none;">关闭</button>
      </div>
    </div>
<div class="mdui-container doc-container doc-no-cover">
  <div id="contain-dist">
    
</div>
</div>
    <br>
<div align="left" class="mdui-typo">
    <div class="mdui-text-color-black-secondary">
        当前第<span id="blog-page-current">0</span>页，共<span id="blog-page-total">0</span>页
        <a id="blog-btn-backward">上一页</a>
        <a id="blog-btn-forward">下一页</a>
    </div>
    <div>
    </div>
</div>
<div class="mdui-dialog" id="dialog-new-article" >
<div class="mdui-dialog-title">发表新的文章</div>
<div class="mdui-dialog-content">
    
<div class="mdui-textfield mdui-textfield-floating-label">
  <label class="mdui-textfield-label">标题</label>
  <input class="mdui-textfield-input" id="new-article-title"/>
</div>

<div class="mdui-textfield mdui-textfield-floating-label">
  <label class="mdui-textfield-label">内容(支持Markdown)</label>
    <textarea class="mdui-textfield-input" id="new-article-content"></textarea>
</div>

</div>
<div class="mdui-divider"></div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple mdui-float-left" mdui-dialog-cancel="">取消</button>
<button class="mdui-btn mdui-ripple" mdui-dialog-confirm="" onclick="publishArticle()">发布</button>
</div>
</div>
    
<div class="mdui-dialog" id="dialog-login" >
<div class="mdui-dialog-title">登录</div>
<div class="mdui-dialog-content">
    
<div class="mdui-textfield mdui-textfield-floating-label">
  <label class="mdui-textfield-label">输入密码</label>
  <input class="mdui-textfield-input" id="login-password"/>
</div>

</div>
<div class="mdui-divider"></div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple mdui-float-left" mdui-dialog-cancel="">取消</button>
<button class="mdui-btn mdui-ripple" mdui-dialog-confirm="" onclick="clickLogin()">确定</button>
</div>
</div>

<!--<script src="https://www.eaimty.com/themes/materiality-typecho-theme/assets/js/smoothscrolltop.min.js"></script>-->
<button class="mdui-fab mdui-fab-fixed mdui-ripple mdui-color-theme-accent" id="scrolltop" onclick="window.scroll({ top: 0, left: 0, behavior: 'smooth' })"><i class="mdui-icon material-icons">keyboard_arrow_up</i></button>

<!--
<script src="src_files/smooth-scroll.js"></script>
<script src="src_files/holder.js"></script>
<script src="src_files/highlight.js"></script>
-->
<script src="http://cdn-1254016670.cos-website.ap-chengdu.myqcloud.com/blog/js/mdui.js"></script>
<script>var $$ = mdui.JQ;</script>
<!--<script src="src_files/docs.js"></script>-->
<script src="js/cbase.js"></script>
<script src="js/cdisk.js"></script>
<script src="js/render.js"></script>
<script src="js/utils.js"></script>
<script src="js/main.js"></script>


<script type="application/javascript">
    init();
</script>
</body>
</html>